<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>你好</title>
	</head>
	<!--Ctrl +shift +/  显示在页面中内容-->
	<body>
		第一节课
		
	<!-- 标题 -->
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	
	<!-- 段落 paragraph -->
	<p> 这是一个段落</p>
	
	<!-- 换行 -->
	<br>
	<p>实现换行<br>实现换行</p>
	<p>实现换行实现换行</p>
	
	<!-- 水平线 -->
	<hr>
	
	<!-- 超链接 -->
	<!-- target = "_blank" 在新的页面打开 -->
	<a href = "http://www.baidu.com" target="_blank"> 点击跳转至百度 </a>
	
	
	<!-- 有序列表 
		ol: ordered list
		li:list item（项）
	-->
	<ol>
		<li>北京</li>
		<li>上海</li>
		<li>深圳</li>
		<li>广州</li>
	</ol>
	<!-- 无序列表 
		ul :unordered list
		他表示了一个集合概念
		默认ul左边有小圆点
	 -->
	
	<ul>
		<li>北京</li>
		<li>上海</li>
		<li>深圳</li>
		<li>广州</li>
	</ul>
	
	<!-- div : division 盒子块 -->
	<div></div>
	
	<!-- span 功能类似于div 但是不能独占一行 -->
	<span> </span>
	
	<!-- u:underline 下划线 -->
	<!-- i:italic 斜体 -->
	<!-- b:bold 粗体 -->
	<span><u>山东省</u><b>青岛市</b><i>城阳区</i><span style="color: crimson;"><b>大润发</b></span></span>
	
	<!-- 空格折叠现象
	
	普通的空格在html里面连续出现多个会被当成一个空格
	如果想显示多个连续的空格就需要使用特殊的一个字符 &nbsp;
	在html中写的回车换行是不起作用的，最终会会变成一个空格
		
	-->
	<div>
		锄禾日当&nbsp;&nbsp;&nbsp;&nbsp;午<br>
		汗滴禾下&nbsp;&nbsp;&nbsp;&nbsp;土<br>
		谁知盘中&nbsp;&nbsp;&nbsp;&nbsp;餐<br>
		粒粒皆辛&nbsp;&nbsp;&nbsp;&nbsp;苦<br>
	</div>
	
	</body>
</html>
